<template >
<el-form :model="searchForm"  >
        <el-row :gutter="20">
          <el-col :span="18" :offset="0">
            <el-form-item :label="searchTitle" class="w-80">
              <el-input v-model="searchForm.keyword" :placeholder="searchPlaceHoder" clearable></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6" :offset="0">
            <el-form-item >
              <el-button type="primary" @click="doSearch">搜索</el-button>
              <el-button @click="doReset">重置</el-button>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
</template>
<script setup>
import { ref,reactive,computed } from 'vue'


const props = defineProps({
    searchForm:{
        type:Object,
        default: () => {}
    
       

       
    },
    searchTitle:{
        type:String,
        default:"搜索："
    },
    searchPlaceHoder:{
        type:String,
        default:"请输入关键词"
    },

})

const emit = defineEmits(['doReset','doSearch'])
const doSearch =()=> emit("doSearch")
const doReset =()=> emit("doReset")


</script>